<!doctype  html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::sources(title='系统登录')"></head>
<body class="login-layout">
	<div class="main-container">
		<div class="main-content">
			<div class="login-container">
				<div class="center">
					<h1>
						<i class="icon-leaf green"></i> <span class="red"
							th:text="${systemFirstName}">Ranibow</span> <span class="white"
							th:text="${systemSecondName}">Bam</span>
					</h1>
					<h4 class="blue" th:text="@{'&copy; '+${systemGroup}}">&copy;
						Huatek.com</h4>
				</div>
				<div class="space-6"></div>
				<div class="position-relative">
					<div id="login-box" class="login-box visible widget-box no-border">
						<div class="widget-body">
							<div class="widget-main">
								<h4 class="header blue lighter bigger">
									<i class="icon-coffee green"></i> 
									<span  th:text="${loginError}">Please Enter Your Information</span>
								</h4>
								<div class="space-6"></div>
								<form class="form-signin" th:action="@{${domain}+'/login'}" method="post">
									<fieldset>
										<label class="block clearfix"> <span
											class="block input-icon input-icon-right"> <input
												type="text" name="username" th:value="${userName}" class="form-control" placeholder="Username" />
												<i class="icon-user"></i>
										</span>
										</label> <label class="block clearfix"> <span
											class="block input-icon input-icon-right"> <input
												type="password" name="password" class="form-control" placeholder="Password" />
												<i class="icon-lock"></i>
										</span>
										</label>
										<div class="space"></div>
										<div class="clearfix">
											<label class="inline"> <input type="checkbox"
												class="ace" /> <span class="lbl"> Remember Me</span>
											</label>

											<button type="submit"
												class="width-35 pull-right btn btn-sm btn-primary" >
												<i class="icon-key"></i> Login
											</button>
										</div>
										<div class="space-4"></div>
									</fieldset>
								</form>
								<!-- <div class="social-or-login center">
									<span class="bigger-110">Or Login Using</span>
								</div>
								<div class="social-login center">
									<a class="btn btn-primary"> <i class="icon-facebook"></i>
									</a> <a class="btn btn-info"> <i class="icon-twitter"></i>
									</a> <a class="btn btn-danger"> <i class="icon-google-plus"></i>
									</a>
								</div> -->
							</div>
							<!-- /widget-main -->
							<div class="toolbar clearfix">
								<div>
									<a th:href="@{${domain}+'/forget'}"
										class="forgot-password-link"> <i class="icon-arrow-left"></i>
										I forgot my password
									</a>
								</div>
								<div>
									<a th:href="@{${domain}+'/register'}" class="user-signup-link">
										I want to register <i class="icon-arrow-right"></i>
									</a>
								</div>
							</div>
						</div>
						<!-- /widget-body -->
					</div>
					<!-- /login-box -->
				</div>
			</div>
		</div>
	</div>
</body>
</html>
